<template>
  <div>
    <h1>App</h1>
    <BsList :data="data">
      <template #default="props">
        <li> [{{ props.item }}] </li>
      </template>
    </BsList>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import BsList from './components/BsList.vue';
const data = ref(['css', 'html', 'js'])
</script>


<style>
div {
  border: solid;
  padding: 20px
}
</style>